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A TOOL FOR EXTRACTING AND MANIPULATING 
COMPONENTS OF WARPING TRANSFORMS 

TECHNICAL FIELD 

This invention relates to digital image manipulation, and more particularly to warping. 

BACKGROUND 

5 With the advent of digital photography, the desire has grown to be able to manipulate the 

images produced. A user may wish simply to enhance an image, or to distort it for a visual effect, 
or to touch-up the image. A variety of computer programs exist (such as Adobe® Photoshop®) 
designed to aid a user to alter an image. Such alterations can include a variety of distortions, such 
as a swirling effect, or magnification of certain areas of an image, or stretching portions of an 
10 image. Other distortions are common. 

A distortion may be thought of as a grid of vectors (the "distortion grid,") with each 
vector corresponding to a single point in an image. The vectors indicate how the image is 
modified to obtain the original, undistorted source image. The source image itself may consist of 
a grid of vectors each with zero length (as well as other information, such as color). The image 
15 with the distortion applied is the "destination image." 

As distortions are sequentially applied, they are summed in the distortion grid. What 
exists in the distortion grid is only the sum of all previous distortions, without the history of the 
individual distortions themselves. 

Once the distortion grid is satisfactory to a user (who typically sees the distorted image 
20 on a graphical display device while working on it) the user may elect to accept the changes. Once 
that is done, typically, the distorted image in effect replaces the original, and the information 
regarding the distortions (i.e. the sum of the distortions) is lost. If the user elects not to accept the 
distortion, the original image is preserved and the distortion grid discarded. 

SUMMARY 

25 In one aspect, the invention includes a method for responding to a user action selecting an 

area in an image related to an area in a distortion grid, and using two or more points local to the 
area, extracting one or more components of the local distortion. The method may include 
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exctracting displacement, rotation, magnification, skew, directional scaling or combinations. In 
another aspect, the method includes calculating an afine transform from the local points and may 
also include decomposing the affine transform into one or more components of a warping. The 
extraction may include calculating a determinant of a resulting linear transform matrix 
representing a linear transform derived from the affine transform to obtain rotation, or using 
eigenvalues of the linear transform matrix to obtain scaling. Rotation or skew may be removed 
prior to extraction of scaling. 

In another aspect of the invention, a user can select desired components to be extracted 
from an on-screen menu, and may further select the area from which to extract the selected 
component(s) using a virtual paintbrush. 

In yet another aspect, the selected component(s) of the warping may be applied by using 
a virtual paintbrush to the source image or to another image. 

In another aspect, the invention includes a computer program product to accomplish the 
extraction and other aspects described above. 

The details of one or more embodiments of the invention are set forth in the accompa- 
nying drawings and the description below. Other features, objects, and advantages of the 
invention will be apparent from the description and drawings, and from the claims. 

DESCRIPTION OF DRAWINGS 

FIG. 1 is a diagram of a distortion grid and an image grid. 

FIG. 2 is a diagram of an original image and a distorted image. 

FIG. 3 shows a menu selection screen. 

FIG. 4 is a diagram of a portion of a distortion grid. 

Like reference symbols in the various drawings indicate like elements. 

DETAILED DESCRIPTION 

A distortion can be viewed as a smooth mapping from the image plane of the source 
image to the image plane of the destination image. We define this mapping by the distortion grid 
on the destination image. A distortion can be very complex. However, because it is a smooth 
mapping, any distortion may be viewed locally as an affine transform, consisting of a translation 
and a linear transform. The affine transform can be further decomposed into elements or 
components of a distortion such as translation, magnification, rotation, directional scaling and 
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skew (also referred to as shear.) It is desirable to perform this decomposition because these 
components are more intuitive for a user. A user need not know mathematics to understand the 
effect of a rotation, or what an affine transform is to know the user wants a magnification. 

Having created a distortion of an image, a user may wish to use selected components of a 
5 distortion in a given area of an image, and apply those selected components elsewhere. The user 
may wish to keep only the rotation, or the scaling, or to spread the existing local distortion over a 
wider area. The present invention enables a user to select easily one or more components of a 
distortion local to a point, and using a virtual paintbrush, apply the selected components 
elsewhere. ("Local to a point" means adjacent to, or within a few pixels of, the point. The farther 

10 away, the less it is local to a point.) Alternatively, the user can select components of a distortion 
and remove them using the virtual paint brush. 

A distortion (the warping transform) may well have resulted from a complex sequence of 
distortions no one of which corresponds to any of the final decomposition elements. While the 
local distortion at a point may be decomposed into a specific set of components, it cannot be 

1 5 determined how the distortion at that point was in fact created. 

A virtual paintbrush can be implemented with a cursor manipulated by a mouse or other 
input device, which causes the cursor to be moved about a computer display screen over an 
image, a virtual "canvas", and thereby applies an effect to the image. The user may typically 
select from among a variety of brush shapes, e.g., circle, square, or single pixel. The user drags 

20 the brush along a "trajectory" from one location to another within the image, thereby defining an 
"envelope." Pixels within the envelope are affected by the operation of the brush. One type of 
brush allows a user to "paint" colors and textures into the envelope. The paint brush replaces the 
pixels in the envelope with the image of the brush. Other effects may also be applied with a 
brush, such as a warping. 

25 It is desirable that the control of a distortion and the manipulation of an image be intuitive 

and simple. Adobe Photoshop offers a virtual paintbrush that is movable about an image by a 
user manipulating a mouse. In an exemplary implementation, a computer program to edit images 
enables a user to select components of a distortion the user desires to manipulate by checking 
boxes on a menu. Other selection methods may also be used beneficially Having selected the 

30 desired component(s) the user may then select a point in the distorted image (corresponding to an 
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element of the distortion grid) by moving a cursor to the desired point, then mouse click over the 
point to extract the selected component(s). 

The selected components may then be applied by moving the virtual paintbrush around 
the distorted image, adding or subtracting out the selected components. In this implementation, 
5 the paintbrush can have a variety of shapes and application functions affecting how the 
application is effected, as described in greater detail below. 

FIG. 1 shows an image 10 with a pixel 12. The image may be thought of as being 
associated with zero distortion vectors (representing no distortion). 

FIG. 1 further shows a distortion grid, of the same size as the image, but having non-zero 
10 distortion vectors 14, 16, 1 8 in the grid. At each point these vectors represent the sum of the 
distortions applied to the image. 

FIG. 2 shows an original image 30 and a distorted (warped) image 32. The distorted 
image may have been created by dragging portions of the head and neck upward and to the right, 
and rotating parts of the body. In fact, it was created by a combination of steps, including 
15 stretching, compressing, and swirling portions of the image. It is not so important to know 

exactly how the distortion was created, but rather to note that the distortion at any point in the 
image may be viewed locally as a combination of a translation and a linear transform. 

Suppose a user wishes to obtain just the rotational component of the distortion at one area 
of the distorted image. FIG. 3 shows a sample menu selection screen 34 that a user can employ to 
20 select just the desired elements of a warping, in this case selecting only the rotation 36. Other 
selectable elements shown include translation 37 and vertical skew 38. Other menu items are 
available. 

Having selected the desired elements of a distortion, the user can cause the mouse cursor 
to hover over the area of the distorted image from which the user desires to draw the selected 
25 distortion components. Clicking the mouse at that point causes the selected components of the 
distortion in the area of that point to be extracted. 

FIG. 4 shows four elements 40 of a distortion grid. (For ease of visualization, the vectors 
at each element are not shown.) Suppose the user's selected point is A 42. This point has nearby 
points B 44, C 46 and D 48 local to point A 42. (Other local points could have been used, such as 
30 points above A or to the left of A. Any points which are all local (i.e. within a small area) to the 
selected point A 42 may be used. 
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The warping transform at a small area local to a point can be approximated by an affine 
transform. The affine transform has two parts: displacement and linear transform. The 
displacement can be taken as the original vector at point A 42. This is similar in effect to 
choosing the vector at any of the other local points B 44, C 46 or D 48, or more complex 
approaches such as averaging local vectors, but using a single point is sufficient and faster. 

The distortion vector at any local point can be represented as the displacement vector at 

that point plus a linear transformation of the vector V = (u, v) that starts from A 42 and ends at 
that point. The linear transformation is represented by a 2X2 matrix Mo : 



fa 

10 M 0 = 

{c dj 



and it is the same when calculating all corners A 42, B 44, C 46 and D 48 in the same small local 
area. Given the distortion vectors at the four points, we find Mo by solving 

15 EQUATION 1 D = (Displacement at point A) + M 0 -V 

for points B 44 and C 46. 

The total distortion vector at a point is represented by 



20 D- 



(Dx\ 



In the exemplary implementation described here, 
u 

V = 

v 

is the vector from point A 42 to the points B 44 or C 46. Point D 48 or other local points can also 
25 be used, but doing so can result in more complex calculations, including averaging out among 
any number of points. 



Now, finding the matrix Mo is easy: 

5 
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The vector pointing to B 44 is the vector V =(1,0) 

The vector pointing to C 46 is the vector V = (0, 1) 
(choosing the y-axis pointing down) 

To simplify notation, we call the total displacement vector D at point A 42 simply A 
with components Ax and Ay, and similarly for the total displacement at B 44 and C 46. 
If we substitute those into EQUATION 1 we get: 

a = Bx - Ax 
b = Cx - Ax 
c = By - Ay 
d = Cy - Ay 

The final result of extracting the Affine Transform is the location (x,y coordinates) of the 
selected point A 42, the displacement vector at this point and the local matrix Mo. 

Having determined the Affine Transform, we may extract from it a new M x which has 
only a selected component of the local distortion, such as rotation or magnification. The selected 
component matrix is given the subscript m for magnification, r for rotation and so forth. 

1. Extract Displacement only: 

From equation 1, we need simply imply let Mo=l and use only the displacement 
component.. 

2. Extract magnification only. 

Calculate the determinant of M 0: 

det = a d -b e 

If the determinant is less than zero, then there is a reflection, which must first be dealt with as 
discussed below. A determinant of exactly zero results in a single point, hence is not encountered 
in application.) 
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If the determinant is greater than zero, we set 
(s 0^ 



v 0 Sj 



Where s = Vdet 
3. Extract rotation 

If the determinant is less than zero, then there is a reflection, which must first be dealt 
10 with as discussed below. 

If the determinant is greater than zero: calculate the angle <f> : 



<f> = arctan 

\a + d) 

15 Alternatively, (p may be calculated: 









(~ C ) 


arctan 




+ arctan 










I d J 



20 EQUATION 2 



cos(^) sin(^) 
- sin(^) cos(^) 



4. Extract rotation and magnification 

Mm, is the product (matrix multiplication) of the rotation matrix M r and the 
magnification matrix M m . 



25 



5. Handling reflection 
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If the determinant of Mo is less than zero, we know there is a reflection. We approach this 
case in a special way: 

First we remove the reflection by multiplying M 0 by the inverse reflection matrix R" 1 



R* = 



f\ 0^ 
v 0 -1, 



so instead of Mo we use R" 1 * Mo. 

Then we proceed as above for displacement, magnification, rotation, skew (described 
below) and combinations of components. In the end, the reflection matrix R is applied to get the 
resulting M r (Note that R *=R) 



6. Handling directional scaling 

In this case, there must be no rotation, skew or reflection, that is, Mo must be symmetric. 
(If any of these components exist, the matrix will not be symmetrical, and they must first be 
removed, as described above for rotation and below.) Directional scaling is scaling stronger in 
one direction than in another. Magnification (positive or negative) is equal scaling in all 
directions. 

If Mo is symmetric, it has real eigenvalues. The eigenvalues \\ and X2 may be found by 
solving the quadratic equation below for x: 

(a-x)(d-x) - be = 0 

Each of the solutions (k\ and A, 2 ) is related to an eigenvector W 
found by solving: 



, which may be 











M- 

















(where * represents matrix multiplication) Next, each eigenvector is normalized by 
dividing it by its length 
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Two projection operators P and Q may now be constructed, each represented in terms of 



u 



the corresponding normalized eigenvector 



v 



U It 



V ■ u 



p = 



v 



vu 



v-v 



J 



5 



Q is determined in the same way, using the second eigenvector values. 

The result is two eigenvalues, "K\ and %i, and two projection matrices, P and Q, and the 



desired 



10 



P represents one direction of scaling, and the amount of scaling is X\. Q represents the 
direction of scaling orthogonal to the direction of Pi, and the amount of scaling in that direction 

is 7^2. 



in a given direction and different stretching/shrinking in the orthogonal direction. 

The user can select one direction (bigger or smaller) by checking a checkbox) and force 
the other (orthogonal) scaling equal to 1 (i.e. no scaling). Mo is replaced by P + A 2 • Q or by 
\ ■ P + Q X i*P + Q, depending on which direction is chosen. A natural choice would be the 
20 direction of greater stretching. 

This also gives an alternative approach to the extraction of the magnification component 
above: both \\ and X2 are replaced by 



If there is rotation or skew (i.e. the matrix is not symmetric) one choice is to extract the 
rotation first and then do the above. Alternatively, the skew may be extracted first, as described 



15 



Visually, applying Mi results in different scaling in each of the two directions, stretching 




25 



below. 
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In the first instance, we first extract the rotation. The rotation matrix M r (from 
EQUATION 2 above) is first determined, and then its inverse calculated. Applying the inverse 
extracts out the rotation, and now the matrix will be symmetric and the above procedure may be 
applied. In the end, multiplying by R restores the rotation. 

The result is similar if skew is extracted (as described below) instead of rotation. One is 
faced with two choices: (i) is it rotation or skew that is of interest? And (ii) is it horizontal or 
vertical skew that is of interest? 



7. Extracting skew. 

The inverse of the horizontal skew matrix is denoted S"V 



S H = 



0 1 



'1 5^ 

0 1, 



where 



(c-b) 



The inverse of the vertical skew matrix is denoted S 1 
The vertical skew matrix is 
( 1 0~) 

S V = 

1-5 1 J 



1 



V 5 \j 



where 

(b-c) 

5 = - 

a 

Removing skew (horizontal or vertical) is done using the same approach as in the section above 
on removing rotation. Applying the inverse skew matrix removes the skew. In the end, the skew 

10 
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matrix S is again applied to restore the skew and get the original matrix with the skew 
component removed. 

8. Applying the Selected Component(s). 
5 Photoshop enables a user to manipulate an electronic image with an onscreen "brush" 

controlled by an input device such as a mouse. Having extracted the desired component(s) of 
interest of the local distortion, the extracted component(s) may be applied using such a brush. 
The selected component(s) of the distortion can be applied under a brush cursor as the user 
moves the mouse, continuing to do so while a mouse button is pushed. As a result, the affine 

10 transform extracted from the initially selected starting point gets applied or "spread" everywhere 
the mouse goes while the mouse button is pushed. 

That application need not be done all at once. It may be done gradually, in small steps. 
Also, application of the component under the cursor may be stronger (or faster) in the some areas 
and weaker in others. For example, the simplest implementation is circular brush shape with a 

15 circularly symmetric application function, which has a strength of 1 (i.e. fully applies the affine 
transform) at the center and decays to zero at the edges. Other "shapes" and weighting 
approaches can be used. For example, the brush shape need not be circular, or a multi-pole brush 
may be used in which a portion of the cursor applies one component, and another portion of the 
cursor applies a second component, which could be not only a warping effect, but other effects 

20 such as color blending. 

Assume the paintbrush is currently at a particular location. The grid is repeatedly scanned 
under the brush a number of times per second, 30 times per second in one embodiment, and at 
each grid point under the brush, the current distortion Do at a point is modified to obtain a new 
value 

25 

D new = (Df in ai - D)(scalar) 

Here Df, na i is what the affine distortion is at this point as calculated in equation 1 above and the 
scalar is the value of the brush weight function. 
30 Df in ai is given by EQUATION 1, where the Displacement at point A is the distortion at 

the initial click point, and V is the vector starting from that initial point and ending at the current 

11 
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point under the paintbrush. This vector now could be very big if the user has moved the mouse 
far from the starting point, as opposed to V during extraction of the affine transform at the first 
click, when it was small. 

A number of embodiments of the invention have been described. Nevertheless, it will be 

5 understood that various modifications may be made without departing from the spirit and scope 
of the invention. For example, a variety of surrounding points may be used, different ways of 
averaging out the calculated affine transform, as well as different numbers of surrounding points 
may be used. Other approaches may be used for calculating the affine transform. Components 
may be applied in whole or in part or in various combinations. The affine transform may be 

10 additively or subtractively applied, inverted or scaled. Accordingly, other embodiments are 
within the scope of the following claims. 
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